<template>
  <div>

    <!-- 不可以对根标签进行v-for,因此只能再开一个div -->
    <div v-for="p in postList" class="post-body">
      <!-- 将每个p对象向子组件传值-->
      <mediaObject :msg="p"></mediaObject>
    </div>



  </div>
</template>

<script>
  import MediaObject from './MediaObject';

  export default {
    name: "MainBodyLeft",
    components: {
      'mediaObject': MediaObject,
    },
    data() {
      return {
        //请求的图片必须前后端分离...
        postList: [
          {
            title: '这个项目的gitee地址',
            content: 'https://gitee.com/ashin10/my-jianshu-simulate-project',
            coins: 2.77,
            username: '码农小光',
            commentCount: 0,
            like: 1,
            img: 'https://murasakichigo.xyz/my-jianshu-simu/assets/img/media-object/cover1.jpg',
            url: '#/p/4957e8b55e4f',
          },
          {
            title: '谈谈 在 Vue 中你对 $nextTick 的理解',
            content: '17.$nextTick 的使用答案： 1、什么是 Vue.nextTick()？ 定义：在下次 DOM17.$nextTick 的使用答案： 1、什么是 Vue.nextTick()？ 定义：在下次 DOM17.$nextTick 的使用答案： 1、什么是 Vue.nextTick()？ 定义：在下次 DOM...',
            coins: 3.77,
            username: 'lessonSam',
            commentCount: 4,
            like: 4,
            img: '',
            url: '#/p/8384dfb00e8e',
          },
          {
            title: '免费领取！这款办公神器将会节省大量的时间！让办公更轻松！',
            content: '极度扫描是一款强大的跨平台专业级 OCR 工具软件。 支持表格识别、文字提取、PDF 分割、截图识别、拍照识别、选择图片识别、公式识别、翻译等实...',
            coins: 3.77,
            username: '精读君',
            commentCount: 4,
            like: 4,
            img: 'https://murasakichigo.xyz/my-jianshu-simu/assets/img/media-object/cover2.jpg',
            url: '#/p/65f10b070d84',
          },
          {
            title: 'Git管理代码：标签使用（四）',
            content: '17.$nextTick 的使用答案： 1、什么是 Vue.nextTick()？ 定义：在下次 DOM17.$nextTick 的使用答案： 1、什么是 Vue.nextTick()？ 定义：在下次 DOM17.$nextTick 的使用答案： 1、什么是 Vue.nextTick()？ 定义：在下次 DOM...',
            coins: 3.77,
            username: 'weachy',
            commentCount: 4,
            like: 4,
            img: '',
            url: '#/p/917dd66ec231',
          },
          {
            title: '有些书要用你的人生才能读懂',
            content: '杨绛先生的一句话： “年轻的时候以为不读书不足以了解人生，直到后来才发现如果不了解人生，是读不懂书的。读书的意义大概就是用生活所感去读书，用读书...',
            coins: 3.77,
            username: 'MR_TS',
            commentCount: 4,
            like: 4,
            img: '',
            url: '#/p/f577ce548aea',
          }
        ],
      }
    }


  }
</script>

<style scoped lang="less">
  div {
    /*background: beige;*/
  }

  .post-body {
    width: 95%;
  }

</style>